

import React, { Component } from "react";
import type { ReactNode } from 'react'


interface iState {

}
export default class App extends Component {



    // 可以获取 this
    btn3 = () => {
        console.log('btn3', this);
    }

    render() {

        return <>
            <div>
                <h1>父组件</h1>
                {/* 
                    1. 事件
                    2. 表单
                    3. 生命周期
                    4. axios
                 */}

                <button onClick={() => {
                    // 点击后处理的内容不多的时候使用
                    console.log('按钮1点击了' + this);
                }}>按钮1</button>


                {/* 推荐使用，点击后处理内容多的时候使用 */}
                <button onClick={this.btn3}>按钮3</button>



            </div>
        </>
    }

}